*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height: 100%;
}
.share{
    position: relative;
    font-family: "PingFang SC","Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    .download{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 1.2rem;
        background: #EFEFEF;
        position: fixed;
        left:0;
        top:0;
        .logo{
            display: flex;
            align-items: center;
            img{
                display: block;
                width:0.88rem;
                height: 0.88rem;
                margin:0 0.2rem 0 0.4rem;
            }
            p{
                font-size:0.28rem;
                color: #363636;
            }
        }
        .down{
            width:1.4rem;
            height: 0.52rem;
            color: white;
            font-size: 0.24rem;
            border-radius: 0.26rem;
            text-align: center;
            line-height: 0.52rem;
            margin-right: 0.4rem;
            background: linear-gradient(to right,#F75A4F,#FC3A73);
        }
    }
    .artical{
        padding-bottom: 3.82rem;
        .title{
            margin-top: 1.8rem;
            text-align: center;   
            font-size: 0.4rem;
            color: #363636;         
        }
        .author{
            margin-top: 0.2rem;
            margin-bottom: 0.4rem;
            text-align: center;
            font-size: 0.24rem;
            color: #999999;
        }
        .content{
            font-size: 0.32rem;
            color: #363636;
            line-height: 0.64rem;
            width: 6.76rem;
            margin: 0 auto;
            p{
                text-indent: 2em;
                margin-bottom: 0.2rem;
            }
        }
        
    }
    .foot{
        width: 100%;
        height: 6.82rem;
        position: absolute;
        left:0;
        bottom:0;
        .whitehide{
            width: 100%;
            height: 3rem;
            background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,1));
        }
        .bottom{            
        background: white;
            width: 100%;
            height: 3.82rem;
            color: #363636;
            text-align: center;
            overflow: hidden;
            .stop{
                font-size: 0.32rem;
                margin-bottom: 0.7rem;
                margin-top: 0.2rem;
            }
            .tip{
                font-size: 0.36rem;
                margin-bottom: 0.4rem;
                span{
                    color: #FF2B55;
                }
            }
            .down{
                width:2.6rem;
                height: 0.88rem;
                color: white;
                font-size: 0.32rem;
                border-radius: 0.44rem;
                text-align: center;
                line-height: 0.88rem;
                margin: 0 auto;
                background: linear-gradient(to right,#F75A4F,#FC3A73); 
            }
        }
    }
}
.tips{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    position: fixed;
    left:0;
    top:0;
    display: none;
    img{
       position: absolute; 
    }
    .jt{
        width: 2.58rem;
        height: auto;
        right:1.04rem;
        top:0.2rem;
    }
    .toBrowser{
        width: 3.12rem;
        height: auto;
        left:2.26rem;
        top: 3.38rem;
    }
    .know{
        width:2.62rem;
        height: auto;
        top:6.32rem;
        left:2.44rem;
    }

}